<!--
 * @Description: 
 * @Author: mmzhang
 * @Date: 2022-07-13 13:42:20
 * @LastEditTime: 2022-07-28 15:48:33
-->
<template>
  <dt-modal-info ref="info" :title="title" :width="800">
    <div class="helpContent">
      <p>视频号视频配置方法：</p>
      <p>1、拍摄视频，上传微信视频号，并进行发布</p>
      <p>
        2、访问微信视频号助手
        <a href="https://channels.weixin.qq.com/" target="_blank">https://channels.weixin.qq.com/</a>
        ，获取视频号ID及视频内容ID
      </p>
      <p @click="lookImg1"><img src="https://static.tospurfang.com/web/activityHelp.png" /></p>
      <p>3、将复制的视频号ID及视频内容ID，粘贴至对应输入框，即可。</p>
      <p>4、配置成功后，活动中可跳转至配置视频号视频，用户观看视频后获得配置的抽奖次数。</p>
    </div>
    <preview-image :images="preViewImg" :showIndex="showIndex" ref="preViewImage"></preview-image>
  </dt-modal-info>
</template>
<script>
  export default {
    data() {
      return {
        title: '帮助',
        preViewImg: [],
        showIndex: 0
      }
    },

    methods: {
      lookImg1() {
        this.$refs.preViewImage.show()
      },
      show() {
        this.preViewImg = ['https://static.tospurfang.com/web/activityHelp.png']
        this.$refs.info.show()
      }
    }
  }
</script>
<style lang="scss" scoped>
  .helpContent {
    p {
      margin-top: 10px;
    }

    img {
      display: block;
      max-width: 100%;
      cursor: pointer;
    }
  }
</style>
